<template>
	<view class="">
		<view class="table-heade leading-100px flex flex-x-between text-28px">
			<text class="w-1-5 text-center">排名</text>
			<text class="w-1-5 text-center">头像</text>
			<text class="w-1-5 text-center">姓名</text>
			<text class="w-1-5 text-center">团ID</text>
			<text class="w-1-5 text-center">团员</text>
		</view>
		<view v-for="(item,index) in state" :key="item.id" :class="index%2===0?'bg-f1f1f1':''"
			class="table-body leading-100px flex flex-x-between flex-y-center">
			<text class="w-1-5 text-center">{{index+1}}</text>
			<view class="w-1-5 text-center flex flex-x-center">
				<uv-avatar :src="item.src"></uv-avatar>
			</view>
			<text class="w-1-5 text-center">{{item?.name}}</text>
			<text class="w-1-5 text-center">{{item?.teamId}}</text>
			<text class="w-1-5 text-center">{{item?.teamNum}}</text>
		</view>
	</view>
</template>

<script setup name="Content">
	import {
		computed
	} from 'vue';

	const emit = defineEmits(['update:modelValue'])

	const props = defineProps({
		modelValue: {
			type: Object,
			default: () => ({}),
		},
	})

	const state = computed({
		get() {
			return props.modelValue
		},
		set(value) {
			emit('update:modelValue', value)
		},
	})
</script>